<template>
  <cjui-page-panel header="Icon 本地图标">
    <template #intro>
      本地图标。你可以引入 svg 文件到项目相关文件夹，项目会自动识别注册以支持使用。
    </template>

    <div class="flex">
      <div v-for="icon in iconsLocal" :key="icon" class="mr-24px mt-12px mb-12px text-center">
        <cjui-icon :icon="icon" :size="32" />
        <div class="text-12px color-[var(--el-text-color-secondary)]">{{ icon }}</div>
      </div>
    </div>
  </cjui-page-panel>
</template>

<script lang="ts" setup>
import { iconsLocal } from '@/views-dev/icon/icons-local'
</script>

<style lang="scss" scoped>
</style>
